<template>
  <div class="tab-bar">
    <van-tabbar route>
      <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/category" icon="apps-o">分类</van-tabbar-item>
      <van-tabbar-item to="/cart" icon="shopping-cart-o">购物车</van-tabbar-item>
      <van-tabbar-item to="/mine" icon="user-circle-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'TabBar',
}
</script>

<style lang="less" scoped>
// // 字体图标库样式
// @font-face {
//   font-family: 'iconfont';  /* Project id 2629474 */
  // src: url('//at.alicdn.com/t/font_2629474_9yvhcfutks4.woff2?t=1624880173415') format('woff2'),
//        url('//at.alicdn.com/t/font_2629474_9yvhcfutks4.woff?t=1624880173415') format('woff'),
//        url('//at.alicdn.com/t/font_2629474_9yvhcfutks4.ttf?t=1624880173415') format('truetype');
// }
// .iconfont{
//     font-family:"iconfont" !important;
//     font-size:16px;font-style:normal;
//     -webkit-font-smoothing: antialiased;
//     -webkit-text-stroke-width: 0.2px;
//     -moz-osx-font-smoothing: grayscale;}
</style>
